@charset "UTF-8";
/* 颜色生成 */
.color-white {
  color: #fff;
}

.bc-white {
  background-color: #fff;
  border: 1px #fff solid;
}

.color-blue {
  color: #4977E7;
}

.bc-blue {
  background-color: #4977E7;
  border: 1px #4977E7 solid;
}

.color-red {
  color: red;
}

.bc-red {
  background-color: red;
  border: 1px red solid;
}

.color-yellow {
  color: #FF9C06;
}

.bc-yellow {
  background-color: #FF9C06;
  border: 1px #FF9C06 solid;
}

.color-green {
  color: #11AE11;
}

.bc-green {
  background-color: #11AE11;
  border: 1px #11AE11 solid;
}

.color-gray {
  color: #EDEEF6;
}

.bc-gray {
  background-color: #EDEEF6;
  border: 1px #EDEEF6 solid;
}

.color-666 {
  color: #666;
}

.bc-666 {
  background-color: #666;
  border: 1px #666 solid;
}

.color-999 {
  color: #999;
}

.bc-999 {
  background-color: #999;
  border: 1px #999 solid;
}

.color-333 {
  color: #333;
}

.bc-333 {
  background-color: #333;
  border: 1px #333 solid;
}

.color-0 {
  color: #000;
}

.bc-0 {
  background-color: #000;
  border: 1px #000 solid;
}

/* margin fontsize padding */
.ml0 {
  margin-left: 0px;
}

.mr0 {
  margin-right: 0px;
}

.mt0 {
  margin-top: 0px;
}

.mb0 {
  margin-bottom: 0px;
}

.pl0 {
  padding-left: 0px;
}

.pr0 {
  padding-right: 0px;
}

.pt0 {
  padding-top: 0px;
}

.pb0 {
  padding-bottom: 0px;
}

.ft12 {
  font-size: 12px;
}

.ml5 {
  margin-left: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.pl5 {
  padding-left: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pt5 {
  padding-top: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.ft14 {
  font-size: 14px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.ft16 {
  font-size: 16px;
}

.ml15 {
  margin-left: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.pl15 {
  padding-left: 15px;
}

.pr15 {
  padding-right: 15px;
}

.pt15 {
  padding-top: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.ft18 {
  font-size: 18px;
}

.ml20 {
  margin-left: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.pl20 {
  padding-left: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.ft20 {
  font-size: 20px;
}

.ml25 {
  margin-left: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mt25 {
  margin-top: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.pl25 {
  padding-left: 25px;
}

.pr25 {
  padding-right: 25px;
}

.pt25 {
  padding-top: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.ml30 {
  margin-left: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.pl30 {
  padding-left: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pt30 {
  padding-top: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.ml35 {
  margin-left: 35px;
}

.mr35 {
  margin-right: 35px;
}

.mt35 {
  margin-top: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.pl35 {
  padding-left: 35px;
}

.pr35 {
  padding-right: 35px;
}

.pt35 {
  padding-top: 35px;
}

.pb35 {
  padding-bottom: 35px;
}

.ml40 {
  margin-left: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.pl40 {
  padding-left: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}
